<template>
  <div class="bank-page">
    <div class="setting-page-right-title">
      <div class="setting-right-name">
        <div class="setting-top-name">银行账户</div>
        <div class="setting-bottom-line"></div>
      </div>
      <div v-if="false" class="revise-button">
        <el-button>修改</el-button>
      </div>
    </div>
    <div class="bank-content">
      <div class="bank-content-top">
        <div class="bank-content-title">请及时添加银行卡，保证自荐奖金顺利发放</div>
        <div class="bank-upload" v-if="true" @click="uploadBank = true">
          <img src="../../assets/img/setting/add@2x.png">
        </div>
        <div class="bank-show cmbc" v-if="false">
          <div class="bank-show-top">
            <div class="bank-show-name">
              <img src="../../assets/img/1.jpg" alt>
              <span>招商银行</span>
            </div>
            <span>储蓄卡</span>
          </div>
          <div class="bank-show-idcard">****&nbsp;****&nbsp;****&nbsp;7852</div>
        </div>
      </div>
      <div class="bank-content-bottom">
        <div class="setting-page-right-title">
          <div class="setting-right-name">
            <div class="setting-top-name">奖金记录</div>
            <div class="setting-bottom-line"></div>
          </div>
        </div>
        <bank-table :data="data"></bank-table>
        <div class="tip-text">
          <p>
            提示：1.自荐奖金需入职成功且过保证期，才能发放
            <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.确认过保证期，7个工作日内发放自荐奖金，如有疑问请联系职位专属顾问
          </p>
        </div>
      </div>
    </div>
    <el-dialog title="添加银行卡号" :visible.sync="uploadBank" width="30%">
      <div class="bank-dialog">
        <el-form label-width="100px" label-position="right">
          <el-form-item label="开户行">
            <el-select placeholder="请选择" v-model="params.bank">
              <el-option v-for="(item,index) in bank" :key="index" :value="item.value"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="银行卡号">
            <el-input class="theme-input" placeholder="请输入" v-model="params.card"></el-input>
          </el-form-item>
          <el-form-item class="bank-dialog-text">提示：请输入正确的银行卡信息，确保银行卡信息 与本人一致，以保证自荐奖金顺利发放</el-form-item>
          <el-form-item>
            <el-button @click="submit">完成</el-button>
          </el-form-item>
        </el-form>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import bankTable from './bank-table'
export default {
  data() {
    return {
      uploadBank: false,
      data: [
        {
          company: '武汉市海华智信科技有限公司',
          name: '造价工程师',
          money: '10K',
          time: '2019/04/18',
          bzq: '6个月',
          sta: '0'
        },
        {
          company: '武汉市海华智信科技有限公司',
          name: '造价工程师',
          money: '10K',
          time: '2019/04/18',
          bzq: '6个月',
          sta: '1'
        },
        {
          company: '武汉市海华智信科技有限公司',
          name: '造价工程师',
          money: '10K',
          time: '2019/04/18',
          bzq: '6个月',
          sta: '2'
        }
      ],
      params: {
        bank: '',
        card: ''
      },
      bank: [
        { title: '招商', value: '招商' },
        { title: '招商', value: '招商' },
        { title: '招商', value: '招商' }
      ]
    }
  },
  methods: {
    submit() {
      //点击完成按钮
    }
  },
  components: {
    bankTable
  }
}
</script>

<style lang="scss" scoped>
</style>
